<ul class="nav nav-tabs nav-title">
    <li data-id="base" class="active"><a href="#">基本资料</a></li>
    <li data-id="embody"><a href="#">佣金记录</a></li>
    <li data-id="sales"><a href="#">我的分销</a></li>
</ul>
<div id="box">
<div class="father">
    <div class="son son1">
        <div class="son-left">
            <img src="{$userInfo.header}" alt="图片加载失败" class="img-circle">
        </div>
        <div class="son-right">
            <ul class="list-inline">
                <li class="list-item">用户名：{$userInfo.nick_name}</li>
                <li class="list-item">注册日期: {$userInfo.register_time}</li>
                <li class="list-item">真实姓名: 未填写</li>
                <li class="list-item">手机号码: {$userInfo.phone}</li>
            </ul>
        </div>
    </div>
    <div class="son son2">
        <div class="sons">
            <h3>我的邀请码</h3>
            <h3>{$userInfo.invite_code}</h3>
        </div>
    </div>
    <div class="son son2">
        <div class="sons">
            <h3>分销佣金</h3>
            <h3>{$userInfo.sale_money}</h3>
        </div>
    </div>
</div>
<div class="presentation base">

    <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="sales/editInfo">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-phone" class="form-control" name="row[phone]" type="text" disabled value="{$userInfo.phone}" style="width: 50%">
            <p class="text-danger" style="margin-top: 8px;">手机号暂不支持修改</p>
        </div>
    </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('Sex')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="radio">
                    {foreach name="sexList" item="vo"}
                    <label for="row[sex]-{$key}"><input id="row[sex]-{$key}" name="row[sex]" type="radio" value="{$key}" {in name="key" value="$userInfo.sex"}checked{/in} /> {$vo}</label>
                    {/foreach}
                </div>
            </div>
        </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Nick_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-nick_name" class="form-control" name="row[nick_name]" type="text" value="{$userInfo.nick_name}" style="width: 50%">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
</div>
<div class="presentation embody"  style="display: none;">
    <table class="table">
        <caption>佣金记录</caption>
        <thead>
        <tr>
            <th>佣金时间</th>
            <th>用户</th>
            <th>消费订单编号</th>
            <th>所得佣金</th>
        </tr>
        </thead>
        <tbody>
        {foreach name="order" item="vo"}
        <tr>
            <td>{$vo.create_time}</td>
            <td>{$vo.nick_name}</td>
            <td>{$vo.batch_id}</td>
            <td>{$vo.earnings}</td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</div>
<div class="presentation sales"  style="display: none">
    <ul class="nav nav-tabs nav-sales">
        <li data-id="first" class="lis active"><a href="#">一级</a></li>
        <li data-id="second" class="lis"><a href="#">二级</a></li>
    </ul>
    <div class="sale first">
        <table class="table">
            <caption>我的分销</caption>
            <thead>
            <tr>
                <th>用户名</th>
                <th>注册日期</th>
                <th>手机号</th>
                <th>角色</th>
                <th>累计邀请</th>
                <th>我的收益</th>
            </tr>
            </thead>
            <tbody>
            {foreach name="firstData" item="vo"}
            <tr>
                <td>{$vo.nick_name}</td>
                <td>{$vo.register_time}</td>
                <td>{$vo.phone}</td>
                <td>{$vo.roles}</td>
                <td>{$vo.sale_person}</td>
                <td>{$vo.sale_money}</td>
            </tr>
            {/foreach}
            </tbody>
        </table>
    </div>
    <div class="sale second" style="display: none">
        <table class="table">
            <caption>我的分销</caption>
            <thead>
            <tr>
                <th>用户名</th>
                <th>上级</th>
                <th>注册日期</th>
                <th>手机号</th>
                <th>角色</th>
                <th>累计邀请</th>
                <th>我的收益</th>
            </tr>
            </thead>
            <tbody>
            {foreach name="secondData" item="vo"}
            <tr>
                <td>{$vo.nick_name}</td>
                <td>事业合伙人01</td>
                <td>{$vo.register_time}</td>
                <td>{$vo.phone}</td>
                <td>{$vo.roles}</td>
                <td>{$vo.sale_person}</td>
                <td>{$vo.sale_money}</td>
            </tr>
            {/foreach}
            </tbody>
        </table>
    </div>
</div>
</div>
<style>
.father {
    width: 100%;
    height: 220px;
    background: #3C8DBC;
}
.son {
    float: left;
    width: 33%;
    height: 219px;
    margin-left: 2px;
    border-right: solid 1px #797979;
}
.son2 {
    line-height: 219px;
    text-align:center;
}
.sons{
    display:inline-block;
    width: 50%;
    height: 110px;
}
.son1 div {
    width: 50%;
    height: 219px;
    float: left;
}
.list-item{
    line-height: 54px;
    height: 54px;
    background: #3C8DBC;
    color: #FFFFFF;
}
.img-circle{
    margin-top: 20px;
    margin-left: 20px;
    width: 110px;
    height: 110px;
}
h3 {
    color: #FFFFFF;
    text-align: center;
}
.base {
    padding-top: 40px;
}
.embody,.nav-sales,.sale{
    background: #3C8DBC;
    color: #FFFFFF;
}
.lis a{
    color: #FFFFFF;
}
</style>


